{% extends "mainPage.html" %}
{% load static %}

{% block extrastyle %}
    <link rel="stylesheet" href="{% static 'css/opration.css' %}">
    <link rel='stylesheet' href='{% static 'luckysheet/plugins/css/pluginsCss.css' %}' />
	<link rel='stylesheet' href='{% static 'luckysheet/plugins/plugins.css' %}' />
	<link rel='stylesheet' href='{% static 'luckysheet/css/luckysheet.css' %}' />
	<link rel='stylesheet' href='{% static 'luckysheet/assets/iconfont/iconfont.css' %}' />
	<script src="{% static 'luckysheet/plugins/js/plugin.js' %}"></script>
	<script src="{% static 'luckysheet/luckysheet.umd.js' %}"></script>
    <script type="text/javascript">
        var return_url = "{{  next_url }}";
        var local_flag = "{{  load_local }}";
        var titlename = "{{ sheet_title }}";
    </script>
    <script src="{% static 'js/sheetEdit.js' %}"></script>
{% endblock %}

{% block content %}

    <style>
    {#关键点：base.css中 td th 属性 padding：8px，必须去掉，否则编辑区域和表格区域不重合。#}
    .luckysheet-paneswrapper {
        padding: 0;
    }
    </style>
    <div id="hidden_info">
        <input type="text" value="{{ filename }}" id="sheet_filename" hidden/>
        <input type="text" value="{{ space }}" id="sheet_file_space" hidden/>
        <input type="text" value="{{ option_data }}" id="option_data" hidden />
    </div>
    {% csrf_token %}
    <div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width: 96%;height:780px;"></div>
{% endblock %}


